<template>
	<div>
		<div id="footer">
			<div class="footer">
				<div class="tubiao">
					<div class="shang">
						<div class="report">
							<ul>
								<li>
									<a href="#">
										<img src="https://www.tom.com/system/modules/my.opencms.news/resources/tomcms/g-a.png">
										京公网安备<br>
										11012041454号
									</a>
								</li>
								<li>
									<a href="#">
										<img src="https://www.tom.com/system/modules/my.opencms.news/resources/tomcms/pic02.jpg">
										网上有害信息<br>
										举报专区
									</a>
								</li>
								<li>
									<a href="#">
										<img src="https://www.tom.com/system/modules/my.opencms.news/resources/tomcms/pic02.jpg">
										中央网信办违法和
										<br>不良信息举报中心
									</a>
								</li>
								<li>
									<a href="#">
										<img src="https://www.tom.com/system/modules/my.opencms.news/resources/tomcms/1232l-j.png">
										12321垃圾信息<br>
										举报中心
									</a></li>
								<li>
									<a href="#">
										<img src="https://www.tom.com/system/modules/my.opencms.news/resources/tomcms/pic03.gif">
										北京市互联网举报<br>
										中心
									</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="xia">
						<div class="left boxA">
							<p> <a href="#" target="_blank" rel="nofollow">电信与信息服务业务经营许可证京ICP证&nbsp;010287号</a>
							</p>
							<p><a href="#" target="_blank" rel="nofollow">广播电视节目制作许可证(京)&nbsp;字第00713号</a> </p>
						</div>
						<div class="left boxB">
							<p><a href="#" target="_blank" rel="nofollow">信息网络传播视听节目许可证号&nbsp;0105093号</a></p>
							<p><a href="#" target="_blank" rel="nofollow">增值电信业务经营许可证B2-20090011号</a></p>
						</div>
						<div class="left boxC">
							<p><a href="#" target="_blank" rel="nofollow">网络出版许可证(总) 网出证（京）字083号</a></p>
							<p><span>违法和不良信息举报电话：010-85181169</span></p>
						</div>
						<div class="left boxD">
							<p><a href="#" target="_blank" rel="nofollow">北京地区网站联合辟谣平台</a></p>
						</div>
					</div>
				</div>
				<div class="line"></div>
			</div>
			<ul class="m-b-2">
				<li><a class="nav-redirect" href="#" target="_blank"> TOM集团 </a></li>
				<li><a class="nav-redirect" href="#"> 邮乐购物 </a></li>
				<li><a class="nav-redirect" href="#">合作伙伴 </a></li>
				<li><a class="nav-redirect" href="#"> 广告投放 </a></li>
				<li><a class="nav-redirect" href="#"> 加入TOM </a></li>
			</ul>
			<div class="m-b-1">
				Copyright © 2018 TOM.COM Corporation,&nbsp;All Rights Reserved 雷霆万钧版权声明
			</div>
			<div class="m-b-1" id="hover-show-jubao">
				违法信息/未成年人举报：010-85181169&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;举报邮箱/未成年人举报：
				<a href="#" style="color: #333;">jubao@tomonline-inc.com</a>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "shouyefoot",
		data() {
			return {

			};
		},
		props: {

		},

	};
</script>

<style scoped="scoped">
	/* @import url("../assets/css/reset.css"); */

	/* 底部开始 */
	#footer {
		width: 100%;
		background: #f6f7f9;
		text-align: center;
		min-width: 950px;
		padding-top: 20px;
		padding-bottom: 200px;
		margin-top: 130px;
	}

	#footer a {
		color: #666666;
	}

	#footer .footer {
		width: 1200px;
		margin: 0 auto;
		background: #fff;
		color: #666;
		font-size: 10px;
		line-height: 1.667;
	}

	#footer .footer .tubiao .shang .report {
		height: 50px;
		padding-top: 17px;
		padding-left: 40px;
		padding-right: 40px;
		display: flex;
		justify-content: space-around;
	}

	.report ul li {
		float: left;
		margin-left: 20px;
		display: inline;
		list-style-type: none;
		width: 150px;
		line-height: 14px;
		display: list-item;
		text-align: left;
	}

	.report ul li img {
		float: left;
		margin-right: 5px;
	}

	#footer .footer .tubiao .xia {
		height: 47px;
		width: 1178px;
		padding-top: 14px;
		border-top: 0 #ddd solid;
		line-height: 14px;
		text-align: left;
	}

	.left {
		float: left;
	}

	.boxA {
		width: 270px;
		margin-left: 25px;
	}

	.boxB {
		width: 270px;
		margin-left: 30px;
	}

	.boxC {
		width: 270px;
		margin-left: 20px;
	}

	.boxD {
		margin-left: -10px;
	}

	.line {
		width: 90%;
		margin: 10px auto;
		height: 1px;
		background: url('//www.tom.com/system/modules/my.opencms.news/resources/pc/pic/content_bottom_box_line.png') no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-size: auto;
		background-position: center top;
		background-size: 100% 100%;
	}

	.m-b-2 {
		color: white !important;
		font-size: 12px;
		line-height: 16px;
		padding: 10px 2px;
	}

	.m-b-2>li {
		display: inline;
		font-size: 14px;
		margin: 0 15px;
	}
	.m-b-2>li:hover{
		text-decoration: underline;
	}
	.m-b-1 {
		margin-bottom: 10px;
		line-height: 17px;
		margin-top: 20px;
	}
</style>
